<div class="row">
  <form ng-show="ptNew.StudentId" name="ptForm" role="form" ng-submit="addPT()">

    <div class="form-group">
      <label for="">Student</label>
      <h5>
        <b><u>{{ students[ptNew.StudentId].FullName }}</u></b>
        <small><a href="" ng-click="resetStudent()">Change Student</a></small>
      </h5>
    </div>

    <div class="form-group">
      <label ng-repeat="courseType in courseTypes">
        <input type="radio" name="optionsRadios" id="optionsRadios{{ $index }}" ng-value="{{ $index }}" ng-model="ptNew.CourseTypeId" ng-checked="$index < 1">
        {{ courseType.CourseName }}
        <br>
      </label>
    </div>

    <div class="form-group" ng-click="open($event)">
      <label for="">Date</label>
      <div class="input-group">
        <input type="text" class="form-control" datepicker-popup="{{format}}" ng-model="ptNew.Date" is-open="opened" min-date="initDate" datepicker-options="dateOptions" ng-required="true" close-text="Close" ng-disabled="true" />
        <span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
      </div>
    </div>

    <div class="form-group">
      <label for="">Time</label>
      <timepicker ng-model="Time.time" ng-change="changedTime()" hour-step="Time.hstep" minute-step="Time.mstep" show-meridian="Time.isMeridian"></timepicker>
    </div>

    <button type="submit" class="btn btn-primary" >Submit</button>
  </form>
</div>